<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--<link rel="stylesheet" type="text/css" href="../css/reset.css" />-->
		<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" media="all" />
		<style type="text/css">
			body {
				width: 100%;
				height: 100%;
				
			}
			.logo-title {
				text-align: left;
				letter-spacing: 2px;
				padding: 14px 0;
			}

			.logo-title h1 {
				font-size: 25px;
				font-weight: bold;
			}

			.layui-form {
				background-color: #fff;
				text-align: center;
			}
			
			.layui-form .layui-form-item label {
				width: 100px;
			}

			.layui-form .layui-form-item input {
				line-height: 36px;
			}
			.add_btn{
				/*float: right;
				right: 20px;*/
				margin-top: 50px;
				text-align: center;
			}

		</style>
	</head>
	<body>
		<div class="layui-container">
			<div class="layui-login-background">
				<div class="layui-form layui-form">
					<form class="layui-form" action="" id="popupForm" lay-filter="popupFormFilter">
						<div class="layui-form-item logo-title">
							<h1>新建客户</h1>
							<div class="" style="">
								<div class="base_icon" style="width: 5px;height: 15px; background: #01AAED;display: inline-block;"></div>
								<h1 style="font-size:16px;margin-top: 10px;display: inline-block;">基本信息</h1>
							</div>
						</div>
						
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label" for="cu_name"><span style="color: red;">*</span>客户名称</label>
								<div class="layui-input-inline">
									<input type="text" name="cu_name" id="cu_name" lay-verify="required" autocomplete="off" class="layui-input" />
								</div>
							</div>

							<div class="layui-inline">
								<label class="layui-form-label" for="cu_source">客户来源</label>
								<div class="layui-input-inline">
									<select name="cu_source" id="cu_source" lay-verify="required">
										<option value=""></option>
										<option value="广告">广告</option>
										<option value="线上询价">线上询价</option>
										<option value="电话咨询">电话咨询</option>
										<option value="转介绍">转介绍</option>
										<option value="促销">促销</option>
									</select>
								</div>


							</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">手机</label>
									<div class="layui-input-inline">
										<input type="tel" name="cu_phone" id="cu_phone" lay-verify="required|phone" autocomplete="off" class="layui-input" />
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">邮箱</label>
									<div class="layui-input-inline">
										<input type="text" name="cu_e_mail" id="cu_e_mail" lay-verify="email" autocomplete="off" class="layui-input" />
									</div>
								</div>
							</div>

							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label" for="cu_industry">客户行业</label>
									<div class="layui-input-inline">
										<select name="cu_industry" id="cu_industry" lay-verify="required">
											<option value=""></option>
											<option value="IT">IT</option>
											<option value="金融业">金融业</option>
											<option value="房地产">房地产</option>
											<option value="商业服务">商业服务</option>
											<option value="运输/物流">运输/物流</option>
											<option value="生产">生产</option>
											<option value="政府">政府</option>
											<option value="文化传媒">文化传媒</option>
										</select>
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" for="cu_level">客户级别</label>
									<div class="layui-input-inline">
										<select name="cu_level" id="cu_level" lay-verify="required">
											<option value=""></option>
											<option value="A">A（重点客户）</option>
											<option value="B">B（普通客户）</option>
											<option value="C">C（非优先客户）</option>
										</select>
									</div>
								</div>
							</div>

							<div class="layui-form-item">
								<div class="layui-inline" >
									<label class="layui-form-label">下次联系时间</label>
									<div class="layui-input-inline">
										<input type="text" class="layui-input" name="cu_next_time" id="cu_next_time" autocomplete="off" placeholder="选择日期" />
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">备注</label>
									<div class="layui-input-inline">
										<!-- <input type="text" class="layui-input" id="cu_comment"> -->
										<textarea name="cu_comment" placeholder="请输入内容" class="layui-textarea" id="cu_comment"></textarea>
									</div>
								</div>
							</div>
							
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">地址</label>
									<div class="layui-input-inline">
										<input type="text" name="cu_address" id="cu_address" lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入地址" />
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label" for="cu_principal">负责人</label>
									<div class="layui-input-inline">
										<select name="cu_principal" lay-verify="required" id="cu_principal" lay-search="" lay-filter="cu_principal"></select>
									</div>
								</div>
							</div>

							<div class="layui-form-item add_btn">
								<button type="reset" class="layui-btn layui-btn-primary" lay-filter="cancel" id="colseBtn">取消</button>
								<button class="layui-btn" lay-submit="save" lay-filter="save" >保存</button>
							</div>
						</div>
					</form>
				</div> 
			</div>
		</div>


		<script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/addCustomer.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
